
	<head>

		<!-- Basic Styles -->
		<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" media="screen" href="css/font-awesome.min.css">

		<!-- SmartAdmin Styles : Please note (smartadmin-production.css) was created using LESS variables -->
		<link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-production.css">
		<link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-skins.css">

		<!-- SmartAdmin RTL Support is under construction
		<link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-rtl.css"> -->

		<!-- We recommend you use "your_style.css" to override SmartAdmin
		     specific styles this will also ensure you retrain your customization with each SmartAdmin update.
		<link rel="stylesheet" type="text/css" media="screen" href="css/your_style.css"> -->

		<!-- Demo purpose only: goes with demo.js, you can delete this css when designing your own WebApp -->
		<link rel="stylesheet" type="text/css" media="screen" href="css/demo.css">

		<!-- FAVICONS -->
		<link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon">
		<link rel="icon" href="img/favicon/favicon.ico" type="image/x-icon">

		<!-- GOOGLE FONT -->
		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,700">

	</head>
	<body class="smart-style-2">
		<!-- possible classes: minified, fixed-ribbon, fixed-header, fixed-width-->
                                <!-- widget content -->

                                            <div id="map_canvas" class="google_maps">

                                   </div>
                                   <!-- end widget content      -->

		<!-- PACE LOADER - turn this on if you want ajax loading to show (caution: uses lots of memory on iDevices)-->
		<script data-pace-options='{ "restartOnRequestAfter": true }' src="js/plugin/pace/pace.min.js"></script>

		<!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
		<script>
			if (!window.jQuery) {
				document.write('<script src="js/libs/jquery-2.0.2.min.js"></script>');
			}
		</script>

		<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
		<script>
			if (!window.jQuery.ui) {
				document.write('<script src="js/libs/jquery-ui-1.10.3.min.js"><\/script>');
			}
		</script>

		<!-- JS TOUCH : include this plugin for mobile drag / drop touch events
		<script src="js/plugin/jquery-touch/jquery.ui.touch-punch.min.js"></script> -->

		<!-- BOOTSTRAP JS -->
		<script src="js/bootstrap/bootstrap.min.js"></script>

		<!-- CUSTOM NOTIFICATION -->
		<script src="js/notification/SmartNotification.min.js"></script>

		<!-- JARVIS WIDGETS -->
		<script src="js/smartwidgets/jarvis.widget.min.js"></script>

		<!-- EASY PIE CHARTS -->
		<script src="js/plugin/easy-pie-chart/jquery.easy-pie-chart.min.js"></script>

		<!-- SPARKLINES -->
		<script src="js/plugin/sparkline/jquery.sparkline.min.js"></script>

		<!-- JQUERY VALIDATE -->
		<script src="js/plugin/jquery-validate/jquery.validate.min.js"></script>

		<!-- JQUERY MASKED INPUT -->
		<script src="js/plugin/masked-input/jquery.maskedinput.min.js"></script>

		<!-- JQUERY SELECT2 INPUT -->
		<script src="js/plugin/select2/select2.min.js"></script>

		<!-- JQUERY UI + Bootstrap Slider -->
		<script src="js/plugin/bootstrap-slider/bootstrap-slider.min.js"></script>

		<!-- browser msie issue fix -->
		<script src="js/plugin/msie-fix/jquery.mb.browser.min.js"></script>

		<!-- FastClick: For mobile devices -->
		<script src="js/plugin/fastclick/fastclick.js"></script>
        <script src="js/page/supervision.js" type="text/javascript"></script>

		<!--[if IE 7]>

		<h1>Your browser is out of date, please update your browser by going to www.microsoft.com/download</h1>

		<![endif]-->

		<!-- Demo purpose only -->
		<script src="js/demo.js"></script>

		<!-- MAIN APP JS FILE -->
		<script src="js/app.js"></script>
        <script src="js/Global.js"></script>
		<!-- PAGE RELATED PLUGIN(S) 
		<script src="..."></script>-->

		

		<script type="text/javascript">

       
        // DO NOT REMOVE : GLOBAL FUNCTIONS!

        $(document).ready(function() {

            pageSetUp();

            // PAGE RELATED SCRIPTS

            var colorful_style = [{
                "featureType": "landscape",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "transit",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "poi.park",
                "elementType": "labels",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "poi.park",
                "elementType": "geometry.fill",
                "stylers": [{
                    "color": "#d3d3d3"
                }, {
                    "visibility": "on"
                }]
            }, {
                "featureType": "road",
                "elementType": "geometry.stroke",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "landscape",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#b1bc39"
                }]
            }, {
                "featureType": "landscape.man_made",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#ebad02"
                }]
            }, {
                "featureType": "water",
                "elementType": "geometry.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#416d9f"
                }]
            }, {
                "featureType": "road",
                "elementType": "labels.text.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#000000"
                }]
            }, {
                "featureType": "road",
                "elementType": "labels.text.stroke",
                "stylers": [{
                    "visibility": "off"
                }, {
                    "color": "#ffffff"
                }]
            }, {
                "featureType": "administrative",
                "elementType": "labels.text.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#000000"
                }]
            }, {
                "featureType": "road",
                "elementType": "geometry.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#ffffff"
                }]
            }, {
                "featureType": "road",
                "elementType": "labels.icon",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "water",
                "elementType": "labels",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "poi",
                "elementType": "geometry.fill",
                "stylers": [{
                    "color": "#ebad02"
                }]
            }, {
                "featureType": "poi.park",
                "elementType": "geometry.fill",
                "stylers": [{
                    "color": "#8ca83c"
                }]
            }];

            // Grey Scale
            var greyscale_style = [{
                "featureType": "road.highway",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "landscape",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "transit",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "poi",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "poi.park",
                "stylers": [{
                    "visibility": "on"
                }]
            }, {
                "featureType": "poi.park",
                "elementType": "labels",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "poi.park",
                "elementType": "geometry.fill",
                "stylers": [{
                    "color": "#d3d3d3"
                }, {
                    "visibility": "on"
                }]
            }, {
                "featureType": "poi.medical",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "poi.medical",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "road",
                "elementType": "geometry.stroke",
                "stylers": [{
                    "color": "#cccccc"
                }]
            }, {
                "featureType": "water",
                "elementType": "geometry.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#cecece"
                }]
            }, {
                "featureType": "road.local",
                "elementType": "labels.text.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#808080"
                }]
            }, {
                "featureType": "administrative",
                "elementType": "labels.text.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#808080"
                }]
            }, {
                "featureType": "road",
                "elementType": "geometry.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#fdfdfd"
                }]
            }, {
                "featureType": "road",
                "elementType": "labels.icon",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "water",
                "elementType": "labels",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "poi",
                "elementType": "geometry.fill",
                "stylers": [{
                    "color": "#d2d2d2"
                }]
            }];

            // Black & White
            var monochrome_style = [{
                "featureType": "road.highway",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "landscape",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "transit",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "poi.park",
                "elementType": "labels",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "poi.park",
                "elementType": "geometry.fill",
                "stylers": [{
                    "color": "#d3d3d3"
                }, {
                    "visibility": "on"
                }]
            }, {
                "featureType": "road",
                "elementType": "geometry.stroke",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "landscape",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#ffffff"
                }]
            }, {
                "featureType": "water",
                "elementType": "geometry.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#cecece"
                }]
            }, {
                "featureType": "road",
                "elementType": "labels.text.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#000000"
                }]
            }, {
                "featureType": "road",
                "elementType": "labels.text.stroke",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#ffffff"
                }]
            }, {
                "featureType": "administrative",
                "elementType": "labels.text.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#000000"
                }]
            }, {
                "featureType": "road",
                "elementType": "geometry.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#000000"
                }]
            }, {
                "featureType": "road",
                "elementType": "labels.icon",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "water",
                "elementType": "labels",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "poi",
                "elementType": "geometry.fill",
                "stylers": [{
                    "visibility": "off"
                }]
            }];

            // Retro
            var metro_style = [{
                "featureType": "transit",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "poi.park",
                "elementType": "geometry.fill",
                "stylers": [{
                    "color": "#d3d3d3"
                }, {
                    "visibility": "on"
                }]
            }, {
                "featureType": "road",
                "elementType": "geometry.stroke",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "landscape",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#eee8ce"
                }]
            }, {
                "featureType": "water",
                "elementType": "geometry.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#b8cec9"
                }]
            }, {
                "featureType": "road",
                "elementType": "labels.text.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#000000"
                }]
            }, {
                "featureType": "road",
                "elementType": "labels.text.stroke",
                "stylers": [{
                    "visibility": "off"
                }, {
                    "color": "#ffffff"
                }]
            }, {
                "featureType": "administrative",
                "elementType": "labels.text.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#000000"
                }]
            }, {
                "featureType": "road",
                "elementType": "geometry.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#ffffff"
                }]
            }, {
                "featureType": "road",
                "elementType": "geometry.stroke",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "road",
                "elementType": "labels.icon",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "water",
                "elementType": "labels",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "poi",
                "elementType": "geometry.fill",
                "stylers": [{
                    "color": "#d3cdab"
                }]
            }, {
                "featureType": "poi.park",
                "elementType": "geometry.fill",
                "stylers": [{
                    "color": "#ced09d"
                }]
            }, {
                "featureType": "poi",
                "elementType": "labels",
                "stylers": [{
                    "visibility": "off"
                }]
            }];

            // Night
            var nightvision_style = [{
                "featureType": "landscape",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "transit",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "poi.park",
                "elementType": "labels",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "poi.park",
                "elementType": "geometry.fill",
                "stylers": [{
                    "color": "#d3d3d3"
                }, {
                    "visibility": "on"
                }]
            }, {
                "featureType": "road",
                "elementType": "geometry.stroke",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "landscape",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "hue": "#0008ff"
                }, {
                    "lightness": -75
                }, {
                    "saturation": 10
                }]
            }, {
                "elementType": "geometry.stroke",
                "stylers": [{
                    "color": "#1f1d45"
                }]
            }, {
                "featureType": "landscape.natural",
                "stylers": [{
                    "color": "#1f1d45"
                }]
            }, {
                "featureType": "water",
                "elementType": "geometry.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#01001f"
                }]
            }, {
                "elementType": "labels.text.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#e7e8ec"
                }]
            }, {
                "elementType": "labels.text.stroke",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#151348"
                }]
            }, {
                "featureType": "administrative",
                "elementType": "labels.text.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#f7fdd9"
                }]
            }, {
                "featureType": "administrative",
                "elementType": "labels.text.stroke",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#01001f"
                }]
            }, {
                "featureType": "road",
                "elementType": "geometry.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#316694"
                }]
            }, {
                "featureType": "road",
                "elementType": "labels.icon",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "water",
                "elementType": "labels",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "poi",
                "elementType": "geometry.fill",
                "stylers": [{
                    "color": "#1a153d"
                }]

            }];

            // Night Light
            var nightvision_highlight_style = [{
                "elementType": "geometry",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "hue": "#232a57"
                }]
            }, {
                "featureType": "road.highway",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "landscape",
                "elementType": "geometry.fill",
                "stylers": [{
                    "hue": "#0033ff"
                }, {
                    "saturation": 13
                }, {
                    "lightness": -77
                }]
            }, {
                "featureType": "landscape",
                "elementType": "geometry.stroke",
                "stylers": [{
                    "color": "#4657ab"
                }]
            }, {
                "featureType": "transit",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "road",
                "elementType": "geometry.stroke",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "water",
                "elementType": "geometry.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#0d0a1f"
                }]
            }, {
                "elementType": "labels.text.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#d2cfe3"
                }]
            }, {
                "elementType": "labels.text.stroke",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#0d0a1f"
                }]
            }, {
                "featureType": "administrative",
                "elementType": "labels.text.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#ffffff"
                }]
            }, {
                "featureType": "administrative",
                "elementType": "labels.text.stroke",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#0d0a1f"
                }]
            }, {
                "featureType": "road",
                "elementType": "geometry.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#ff9910"
                }]
            }, {
                "featureType": "road.local",
                "elementType": "geometry.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#4657ab"
                }]
            }, {
                "featureType": "road",
                "elementType": "labels.icon",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "water",
                "elementType": "labels",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "poi",
                "elementType": "geometry.fill",
                "stylers": [{
                    "color": "#232a57"
                }]
            }, {
                "featureType": "poi.park",
                "elementType": "geometry.fill",
                "stylers": [{
                    "color": "#232a57"
                }]
            }, {
                "featureType": "poi",
                "elementType": "labels",
                "stylers": [{
                    "visibility": "off"
                }]
            }];

            // Papiro
            var old_paper_style = [{
                "elementType": "geometry",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#f2e48c"
                }]
            }, {
                "featureType": "road.highway",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "transit",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "poi.park",
                "elementType": "labels",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "poi.park",
                "elementType": "geometry.fill",
                "stylers": [{
                    "color": "#d3d3d3"
                }, {
                    "visibility": "on"
                }]
            }, {
                "featureType": "road",
                "elementType": "geometry.stroke",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "landscape",
                "elementType": "geometry.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#f2e48c"
                }]
            }, {
                "featureType": "landscape",
                "elementType": "geometry.stroke",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#592c00"
                }]
            }, {
                "featureType": "water",
                "elementType": "geometry.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#a77637"
                }]
            }, {
                "elementType": "labels.text.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#592c00"
                }]
            }, {
                "elementType": "labels.text.stroke",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#f2e48c"
                }]
            }, {
                "featureType": "administrative",
                "elementType": "labels.text.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#592c00"
                }]
            }, {
                "featureType": "administrative",
                "elementType": "labels.text.stroke",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#f2e48c"
                }]
            }, {
                "featureType": "road",
                "elementType": "geometry.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#a5630f"
                }]
            }, {
                "featureType": "road.highway",
                "elementType": "geometry.fill",
                "stylers": [{
                    "visibility": "on"
                }, {
                    "color": "#592c00"
                }]
            }, {
                "featureType": "road",
                "elementType": "labels.icon",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "water",
                "elementType": "labels",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "poi",
                "elementType": "geometry.fill",
                "stylers": [{
                    "visibility": "off"
                }]
            }, {
                "featureType": "poi",
                "elementType": "labels",
                "stylers": [{
                    "visibility": "off"
                }]
            }];

            // One color - Change the hue value for your desired color
            var mono_color_style = [{
                "stylers": [{
                    "hue": "#ff00aa"
                }, {
                    "saturation": 1
                }, {
                    "lightness": 1
                }]
            }];

            /*
             * Google Maps Initialize
             */

            function initialize() {

                $this = $("#map_canvas");
                $zoom_level = ($this.data("gmap-zoom") || 7);
                $data_lat = ($this.data("gmap-lat") || -0.0705254761163916);
                $data_lng = ($this.data("gmap-lng") || -76.38155361913323);
                $xml_src = ($this.data("gmap-src") || "js/test.xml");

                var greyStyleMap = new google.maps.StyledMapType(greyscale_style, {
                            name: "Greyscale"
                        }),
                        monoChromeStyleMap = new google.maps.StyledMapType(monochrome_style, {
                            name: "Mono Chrome"
                        }),
                        metroStyleMap = new google.maps.StyledMapType(metro_style, {
                            name: "Metro"
                        }),
                        nightvisionStyleMap = new google.maps.StyledMapType(nightvision_style, {
                            name: "Nightvision"
                        }),
                        nvisionhstyleMap = new google.maps.StyledMapType(nightvision_highlight_style, {
                            name: "Nightvision Light"
                        }),
                        oPaperStyleMap = new google.maps.StyledMapType(old_paper_style, {
                            name: "Old Paper"
                        }),
                        colorfulStyleMap = new google.maps.StyledMapType(colorful_style, {
                            name: "Colorful"
                        }),
                        monoColorStyleMap = new google.maps.StyledMapType(mono_color_style, {
                            name: "One Color"
                        });

                function xmlLoadMap() {

                    var centerLatLng = new google.maps.LatLng($data_lat, $data_lng),
                            mapOptions = {
                                zoom: $zoom_level,
                                center: centerLatLng,
                                //disableDefaultUI: true,
                                //mapTypeId : google.maps.MapTypeId.ROADMAP
                                mapTypeControlOptions: {
                                    mapTypeIds: [google.maps.MapTypeId.TERRAIN, 'colorful_style', 'greyscale_style',
                                        'monochrome_style', 'metro_style', 'nightvision_style', 'nightvision_highlight_style',
                                        'old_paper_style', 'mono_color_style'
                                    ]
                                }
                            },

                            bounds = new google.maps.LatLngBounds(),
                            infowindow = new google.maps.InfoWindow(),
                            map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

                    map.mapTypes.set('colorful_style', colorfulStyleMap);
                    map.mapTypes.set('greyscale_style', greyStyleMap);
                    map.mapTypes.set('monochrome_style', monoChromeStyleMap);
                    map.mapTypes.set('metro_style', metroStyleMap);
                    map.mapTypes.set('nightvision_style', nightvisionStyleMap);
                    map.mapTypes.set('nightvision_highlight_style', nvisionhstyleMap);
                    map.mapTypes.set('old_paper_style', oPaperStyleMap);
                    map.mapTypes.set('mono_color_style', monoColorStyleMap);

                    //map.setMapTypeId(google.maps.MapTypeId.TERRAIN);
                    map.setMapTypeId('metro_style');


                    var url = serviciosRest.urlmaster+serviciosRest.urlAmbiente+"AgenteSupervision.aspx?usu=mvaca@primax.com.ec&callBack=";
                    var markers=[];
                    $.getJSON(url + "?",function(result) {
                       // alert(result.length);
                        for(var i=0; i<=result.length; i++)
                        {
                            var lat = result[i].loc_latitud;
                            var long = result[i].loc_longitud;
                            var latlng = new google.maps.LatLng(parseFloat(lat),parseFloat(long));
                           // alert(latlng);
                            addMarker(latlng, "A", i, "A", "A", "FFFFFF");
                        }


                        function addMarker(latlng, myTitle, index, info, letter, color) {
                        var i=49;
                        var ic=i+index;
                        var marker = new google.maps.Marker({
                            position: latlng,
                            map: map,
                            title: myTitle,
                            //icon: 'http://maps.google.com/mapfiles/kml/pal4/icon'+ic+'.png'
                            icon: 'https://chart.googleapis.com/chart?chst=d_map_pin_letter&chld='+letter+'|'+color+'|000000'
                        });
                        google.maps.event.addListener(marker, 'click', function() {
                            /*map.setZoom(18);
                             map.setCenter(marker.getPosition());*/
                            var infowindow = new google.maps.InfoWindow();
                            var adress;
                            var latlng = new google.maps.LatLng(parseFloat(this.getPosition().lat()),parseFloat(this.getPosition().lng()));
                            geocoder.geocode({'latLng':latlng}, function(results, status) {
                                if (status === google.maps.GeocoderStatus.OK) {
                                    if (results[0]) {
                                        map.setZoom(18);
                                        map.setCenter(marker.getPosition());
                                        adress=results[0].formatted_address;
                                        $('#marker_adress').val(adress);
                                        infowindow.setContent(info+'<br>'+results[0].formatted_address);
                                        infowindow.open(map, marker);
                                    } else {
                                        alert('No results found');
                                    }
                                } else {
                                    alert('FALLA DE CONEXION: ' + status);
                                    //alert('Geocoder failed due to: ' + status);
                                }
                            });
                            //latLong
                            $('#marker_lat').val(marker.getPosition().lat());
                            $('#marker_lng').val(marker.getPosition().lng());

                        });
                        markers.push(marker);
                        }

                     });	// end get data


                } // end xmlLoadMap

                // grey
                function generate_map_1() {

                    var mapOptions = {
                        center: new google.maps.LatLng(41.38155, 2.13752),
                        zoom: 12,
                    };
                    map = new google.maps.Map(document.getElementById('map_canvas1'), mapOptions);

                    // Setup skin for the map
                    map.mapTypes.set('greyscale_style', greyStyleMap);
                    map.setMapTypeId('greyscale_style');

                    /* map.mapTypes.set('colorful_style', colorfulStyleMap);
                     map.mapTypes.set('greyscale_style', greyStyleMap);
                     map.mapTypes.set('monochrome_style', monoChromeStyleMap);
                     map.mapTypes.set('metro_style', metroStyleMap);
                     map.mapTypes.set('nightvision_style', nightvisionStyleMap);
                     map.mapTypes.set('nightvision_highlight_style', nvisionhstyleMap);
                     map.mapTypes.set('old_paper_style', oPaperStyleMap);
                     map.mapTypes.set('mono_color_style', monoColorStyleMap);
                     */

                }

                // colorful
                function generate_map_2() {

                    var mapOptions = {
                        center: new google.maps.LatLng(41.38155, 2.13752),
                        zoom: 12,
                    };
                    map = new google.maps.Map(document.getElementById('map_canvas2'), mapOptions);

                    // Setup skin for the map
                    map.mapTypes.set('colorful_style', colorfulStyleMap);
                    map.setMapTypeId('colorful_style');

                }

                // colorful
                function generate_map_3() {

                    var mapOptions = {
                        center: new google.maps.LatLng(41.38155, 2.13752),
                        zoom: 12,
                    };
                    map = new google.maps.Map(document.getElementById('map_canvas3'), mapOptions);

                    // Setup skin for the map
                    map.mapTypes.set('nightvision_style', nvisionhstyleMap);
                    map.setMapTypeId('nightvision_style');

                }

                // Night Light
                function generate_map_4() {

                    var mapOptions = {
                        center: new google.maps.LatLng(41.38155, 2.13752),
                        zoom: 12,
                    };
                    map = new google.maps.Map(document.getElementById('map_canvas4'), mapOptions);

                    // Setup skin for the map
                    map.mapTypes.set('nightvision_highlight_style', nvisionhstyleMap);
                    map.setMapTypeId('nightvision_highlight_style');

                }

                // Paper Style
                function generate_map_5() {

                    var mapOptions = {
                        center: new google.maps.LatLng(41.38155, 2.13752),
                        zoom: 12,
                    };
                    map = new google.maps.Map(document.getElementById('map_canvas5'), mapOptions);

                    // Setup skin for the map
                    map.mapTypes.set('old_paper_style', oPaperStyleMap);
                    map.setMapTypeId('old_paper_style');

                    /*
                     map.mapTypes.set('monochrome_style', monoChromeStyleMap);
                     map.mapTypes.set('metro_style', metroStyleMap);
                     map.mapTypes.set('mono_color_style', monoColorStyleMap);
                     */

                }

                // One Color Style
                function generate_map_6() {

                    var mapOptions = {
                        center: new google.maps.LatLng(41.38155, 2.13752),
                        zoom: 12,
                    };
                    map = new google.maps.Map(document.getElementById('map_canvas6'), mapOptions);

                    // Setup skin for the map
                    map.mapTypes.set('mono_color_style', monoColorStyleMap);
                    map.setMapTypeId('mono_color_style');

                }

                // Monochrome Style
                function generate_map_8() {

                    var mapOptions = {
                        center: new google.maps.LatLng(41.38155, 2.13752),
                        zoom: 12,
                    };
                    map = new google.maps.Map(document.getElementById('map_canvas8'), mapOptions);

                    // Setup skin for the map
                    map.mapTypes.set('monochrome_style', monoChromeStyleMap);
                    map.setMapTypeId('monochrome_style');

                }

                // Metro Style
                function generate_map_7() {

                    var mapOptions = {
                        center: new google.maps.LatLng(41.38155, 2.13752),
                        zoom: 12,
                    };
                    map = new google.maps.Map(document.getElementById('map_canvas7'), mapOptions);

                    // Setup skin for the map
                    map.mapTypes.set('metro_style', metroStyleMap);
                    map.setMapTypeId('metro_style');

                }

                xmlLoadMap();
               /* generate_map_1();
                generate_map_2();
                generate_map_3();
                generate_map_4();
                generate_map_5();
                generate_map_6();
                generate_map_7();
                generate_map_8();*/
            }


            $(window).bind('gMapsLoaded', initialize);
            window.loadGoogleMaps();

        })

        $(function () { initInfoUsu(); });

        </script>

		<!-- Your GOOGLE ANALYTICS CODE Below -->
		<script type="text/javascript">
			var _gaq = _gaq || [];
				_gaq.push(['_setAccount', 'UA-XXXXXXXX-X']);
				_gaq.push(['_trackPageview']);
			
			(function() {
				var ga = document.createElement('script');
				ga.type = 'text/javascript';
				ga.async = true;
				ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
				var s = document.getElementsByTagName('script')[0];
				s.parentNode.insertBefore(ga, s);
			})();

		</script>

	</body>
